<template>
    <!--指令 v-show和v-if
        区别：v-if 在操作的时候如果为false 不会渲染并在dom标签中删除
        v-show 在操作的时候如果为false 不渲染但是隐藏在dom标签中
      -->
      <div v-if="isShow">v-if的盒子模型</div>
      <div v-show="isShow">v-show的盒子模型</div>
      <div v-if="age >=18">我成年了 网咖可以进入了</div>
      <div v-else-if="age>=16">已经到了法定年龄可以关进小黑屋</div>
      <div v-else>未成年 不能进入</div>
      <vFor的使用方法></vFor的使用方法>
    </template>
    
    <script setup>
    import { ref } from 'vue'
    import vFor的使用方法 from './components/v-for的使用方法.vue'
    const isShow = ref(true)
    const  age = ref(19)
    </script>
    
    <style  scoped>
    
    </style>